<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="charset" content="utf-8">
<meta http-equiv="content-language" content="utf-8">
<meta http-equiv="MSThemeCompatible" content="Yes">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta http-equiv="expires" content="Thursday 7 November 2013 01:00 GMT">
<title>My Love Story</title>
<meta name="keywords" content="text1">
<meta name="description" content="text2">
<link rel="shortcut icon" href="＃">
<script type="text/javascript" src="./src_files/jquery-1.11.1.min.js"></script><style type="text/css" adt="123"></style>
<script type="text/javascript" src="./src_files/jquery.mousewheel.js"></script>
<script type="text/javascript" src="./src_files/jquery.velocity.min.js"></script>
<link rel="stylesheet" type="text/css" href="./src_files/style.css">
<script type="text/javascript" src="./src_files/core.js"></script>

<style type="text/css">object,embed{                -webkit-animation-duration:.001s;-webkit-animation-name:playerInserted;                -ms-animation-duration:.001s;-ms-animation-name:playerInserted;                -o-animation-duration:.001s;-o-animation-name:playerInserted;                animation-duration:.001s;animation-name:playerInserted;}                @-webkit-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @-ms-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @-o-keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}                @keyframes playerInserted{from{opacity:0.99;}to{opacity:1;}}</style></head>
<body>
<div style="margin-left: 150px;">
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=0 height=0 src="http://music.163.com/outchain/player?type=2&id=29922873&auto=1&height=32"></iframe>
</div>
<div id="stage">
<div id="bg" class="" style="opacity: 1; transform: scale(0.6);">
    <div class="row1">
        <div class="orb1"><div></div></div>
        <div class="orb2"><div></div></div>
        <div class="orb1c"><div></div></div>
        <div class="orb2c"><div></div></div>
    </div>
    <div class="row2">
        <div class="orb1"><div></div></div>
        <div class="orb2"><div></div></div>
        <div class="orb1c"><div></div></div>
        <div class="orb2c"><div></div></div>
    </div>
    <div class="row3">
        <div class="orb1"><div></div></div>
        <div class="orb2"><div></div></div>
        <div class="orb1c"><div></div></div>
        <div class="orb2c"><div></div></div>
    </div>
    <div class="row1c">
        <div class="orb1"><div></div></div>
        <div class="orb2"><div></div></div>
        <div class="orb1c"><div></div></div>
        <div class="orb2c"><div></div></div>
    </div>
    <div class="row2c">
        <div class="orb1"><div></div></div>
        <div class="orb2"><div></div></div>
        <div class="orb1c"><div></div></div>
        <div class="orb2c"><div></div></div>
    </div>
    <div class="row3c">
        <div class="orb1"><div></div></div>
        <div class="orb2"><div></div></div>
        <div class="orb1c"><div></div></div>
        <div class="orb2c"><div></div></div>
    </div>
</div>
<div id="container" style="display:none">
    <div class="layer1">
        <div class="orbit2"></div>
    </div>
    <div class="linecontainer">
        <div class="track">
            <div class="line"></div>
        </div>
        <div class="track1">
            <div class="line"></div>
        </div>
        <div class="track2">
            <div class="line"></div>
        </div>
    </div>
    <div class="layer2">
        <div class="orbit"></div>
    </div>
    <div class="layer3">
        <div class="orbit1"></div>
    </div>
</div>

<div id="p1" style="visibility: visible;">
    <div id="p1_ui_0" class="" style="opacity: 0; transform: rotateY(30deg) translateZ(1000px);"></div>
    <div id="p1_t_1" class="" style="opacity: 0; transform: rotateY(20deg);"></div>
    <div id="p1_t_2" class="" style="opacity: 0;">
	<div style="font-family:微软雅黑;position:absolute;width:500px;left:50%;top:50%;margin-left:-250px;margin-top:-80px;font-size:12px;line-height:2em;text-align:center;">
	</div>
	</div>

</div>
<div id="p2" class="" style="visibility: hidden; transform: rotateZ(-30deg);">
    <div id="p2_pop">
            <div id="p2_pop_1" class="" style="opacity: 1; transform: rotateY(-60deg) translateZ(800px) rotateX(120deg) scale(0.1);"></div>
            <div id="p2_pop_2" class="" style="opacity: 1; transform: rotateY(-60deg) translateZ(900px) rotateX(120deg) scale(0.1);"></div>
            <div id="p2_pop_3" class="" style="opacity: 1; transform: rotateY(-60deg) translateZ(1000px) rotateX(120deg) scale(0.1);"></div>
            <div id="p2_pop_4" class="" style="opacity: 1; transform: rotateY(-60deg) translateZ(1100px) rotateX(120deg) scale(0.1);"></div>
    </div>
    <div id="p2_t_1" class="" style="opacity: 0; visibility: visible; transform: rotateY(-60deg) translateZ(800px);"></div>
</div>
<div id="p2_t_2" class="" style="opacity: 0;">
<div style="font-family:微软雅黑;position:absolute;width:500px;left:50%;top:50px;margin-left:-250px;font-size:12px;line-height:2em;text-align:center;">


	<br>
	</div>
</div>
<div id="p3" class="" style="visibility: hidden; transform: scale(0.6);">
    <div id="p3_t_1" class="" style="opacity: 0; transform: rotateY(-60deg) scale(0.7);"></div>
    <div id="p3_t_2" class="" style="opacity: 0;">
	<div style="font-family:微软雅黑;position:absolute;width:500px;left:50%;top:150px;margin-left:-105px;font-size:12px;line-height:2em;text-align:center;">
	
<img src="./src_files/images/textend.png" alt="db" width="90%" height="20">
	</div>
	</div>
    <div id="p3_defence" class="" style="opacity: 0; transform: rotateY(-30deg) scale(0.7);">
    </div>
    <div id="p3_list" class="" style="opacity: 0;"></div>
    <div id="p3_point">
        <div class="pt1" style="transform: rotateY(-15deg) translateZ(1000px); opacity: 0;"></div>
        <div class="pt2" style="transform: scale(2) rotateY(-14deg) translateZ(1000px); opacity: 0;"></div>
        <div class="pt3" style="transform: scale(3) rotateY(-13deg) translateZ(1000px); opacity: 0;"></div>
        <div class="pt4" style="transform: scale(4) rotateY(-12deg) translateZ(1000px); opacity: 0;"></div>
        <div class="pt5" style="transform: scale(5) rotateY(-11deg) translateZ(1000px); opacity: 0;"></div>
    </div>
</div>
<div id="p0">
    <div id="p0_t_1" class="" style="opacity: 1;">
        <div id="p0_8_1" class=""></div>
        <div id="p0_8_2" class=""></div>
    </div>
    <div id="p0_t_2">
        <div id="slogan_1" class="" style="opacity: 1;"></div>
        <div id="slogan_2" class="" style="opacity: 1;"></div>
		<div id="slogan_3" class="" style="opacity: 1;"></div>
        <div id="slogan_4"></div>
    </div>

    <div id="p0_btn" style="display: block; opacity: 1;" class="">
        
        
        <span style="display: none;">123</span>
    </div>
</div>
</div>
<div id="additional" style="font-size:12px;font-family:&#39;Helvetica&#39;">
    <div id="add_lefttop" style="position: absolute; left: 10px; top: 20px; opacity: 0;" class="">
        <img src="./src_files/additional_logo@2x.png" alt="db" width="141" height="29">
        
    </div>
    <div id="add_leftbottom" style="position:absolute;left:22px;bottom:20px;">
        
    </div>
    
    <div id="add_nav">
        <div class="on"></div>
        <div class=""></div>
        <div class=""></div>
        <div></div>
    </div>
    <div id="add_scrolling" onclick="motion(true)" style="cursor: pointer; opacity: 1;" class=""></div>
</div>
<div id="add_links" style="text-align: left; line-height: 32px; display: none; opacity: 0;" class="">
</div>

<script type="text/javascript" src="./src_files/retina.min.js"></script>

</body></html>
</style>
